@import "./modules/common";

body,html{
  width:100%;
  height:auto;
  background: #f5f5f5;
  .bpAbnormalWrapper{
    width:100%;
    h1.title{
      width:100%;
      font-family: MicrosoftYaHei;
      font-size: 19px;
      font-weight: normal;
      color: #2a3137;
      margin-bottom:20px;
    }
    .page-header{
      margin:0 0 20px 0;
      padding-bottom:0;
      .page_nav{
        height:44px;
        background: #ffffff;
        padding-left:14px;
        border:#ccc dashed 1px;
        box-shadow: 0px 3px 7px 0px
        rgba(0, 0, 0, 0.05);
        li{
          float:left;
          color:#566278;
          font:normal 14px/44px "Microsoft YaHei";
          a{
            cursor:pointer;
          }
        }
        li.first{
          padding-left:24px;
          //padding-top:10px;

        }
        .cur{
          color:#35acfd;
        }

      }
    }
    .bsAbnormalPic{
      width:100%;
      height:270px;
      background: #ffffff;
      box-shadow: 0px 3px 7px 0px
      rgba(0, 0, 0, 0.05);
      padding:20px;
      position: relative;
      margin-bottom:20px;
      #bsAbnormalPie{
        width:800px;//627px;
        height:150px;
        margin:0 auto 10px auto;
      }
      .line{
        width:1px;
        height:150px;
        position: absolute;
        left:50%;
        top:50px;
        background-color: #e6e6e6;
      }
      .describe{
        padding-left:34px;
        font-family: MicrosoftYaHeiLight;
        font-size: 13px;
        font-weight: normal;
        color: #666666;

      }
    }
    .testReport{
      width: 100%;
      height: 691px;
      box-sizing: border-box;
      padding:20px 15px 30px 16px;
      background-color: #ffffff;
      box-shadow: 0px 3px 7px 0px
      rgba(0, 0, 0, 0.05);
      .toolBar{
        width:100%;
        height:44px;
        padding-left:17px;
        .screening,.radio,.searchInput{
          float: left;
        }
        .screening{
          margin-right:24px;
          font-family: PingFang-SC-Regular;
          font-size: 16px;
          font-weight: normal;
          color: #666666;
        }
        .radio{
          margin-right:8px;
          margin-top:0;
          //input{
          //  width: 20px;
          //  height: 20px;
          //  background: white;
          //  vertical-align: middle;
          //  margin-bottom: 7px;
          //  -webkit-appearance: none;
          //  border-radius: 50%;
          //  border: 1px solid #9e9e9e;
          //  background: green;
          //}
          input[type="radio"] {
            margin: 3px 3px 0px 5px;
            display: none;
          }
          label {
            font-size: 16px;
            font-weight: normal;
            color: #666666;
            padding-left: 38px;
            cursor: pointer;
            line-height:28px;
            line-height:28px;
            margin-right:20px;
            background: url(../../images/nocheck.png) no-repeat left top;
          }
          label.checked {
            background: url(../../images/checked.png) no-repeat left top;
            //background-position: left bottom;
          }
        }
        .searchInput{
          label{
            line-height:28px;
            font-size: 16px;
            font-weight: normal;
            color: #666666;
            margin-right:10px;
          }
          input{
            width: 118px;
            height: 30px;
            text-indent: 8px;
            border-radius: 5px;
            border: solid 1px #d0d0d0;
          }
          #beginDate,#endDate{
            cursor:pointer;
            padding-right:12px;
            box-sizing: border-box;
            background: url(../../images/dateArrow.png) no-repeat 92px 13px;
          }
          #username{
            margin-right:23px;
          }
          button.search{
            background:#35acfd url('../../../assets/images/search.png') no-repeat 19px center;
          }
        }
      }
      .table{
        width:100%;
        //height:518px;
        #testTable{
          width:100%;
          height:auto;
          tbody{
            tr{
              //height:46px;
            }
          }
        }
      }
    }
  }
  .bootstrap-table .table.table-no-bordered > thead > tr > th {
    height:40px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    color: #999999;
  }
  .bootstrap-table .table.table-no-bordered > tbody > tr > td{
    height:48px;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
  }
  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th{
    border-bottom:#ccc solid 0px !important;
  }
   .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle !important;
    border-top:#ccc solid 0px !important;
    border-bottom:#ccc solid 1px;
  }
  .fixed-table-body{
    height:auto;
  }
  //.fixed-table-pagination{
  //  .pagination-info,.page-list{
  //    display: none;
  //  }
  //}
  .pull-left{
    display: none;
  }
  .pull-right{
    float: none !important;
  }
  .pagination{
    display: block;
    margin:0 auto;
    width:400px;
  }
  .pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333333;
    text-decoration: none;
    background-color: #fff;
    border:none;
  }
  .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #35acfd;
    background-color: #ffffff;
  }
  .pagination {
    .page-next a,.page-pre a{
      //width: 24px;
      //height: 24px;
      //margin-top:3px;
      //color:#35acfd;
      //background-color: #35acfd;
      //border-radius: 3px;
    }
  }
  .fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail{
    margin-top:15px;
  }
}